page{
  // height: 100vh;
  background-color: #efefef !important;
  padding: 16rpx;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;


  > view {
      &:nth-child(n + 2) {
          margin-top: 16rpx;
      }
  }

}


// 轮播图样式 
.swiper{
    border-radius: 10rpx;
    overflow: hidden;
  swiper{
    height: 360rpx;
    // background-color: skyblue; 轮播图背景颜色

    swiper-item{

        image {
            width: 100%;
            height: 100%;
            border-radius: 10rpx;
        }

      //&:在sass中代表的是父选择器，引用的意思
      // swiper-itme:first-child
    //   &:first-child{
    //      background-color: lightsalmon;
    //   }

    //   &:last-child {
    //     background-color: lightseagreen;
    //   }
    }
  }
}
// 公司信息
.info{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 20rpx 16rpx;
    font-size: 24rpx;
    border-radius: 10rpx;

    .iconfont {
      font-size: 24rpx;
    }
}

// 商品导航区
.good-nav{
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 20rpx 16rpx;
    border-radius: 10rpx;

    view {
      navigator {
        display: flex;
        flex-direction: column;
        align-items: center;
      }
        image{
            width: 80rpx;
            height: 80rpx;
        }
        
        text{
            font-size: 24rpx;
            margin-top: 12rpx;
        }
    }
    
}

// 推荐商品区
.good-hot{
 background-color: #fff;
 padding: 16rpx;
 white-space: 10rpx;
 font-size: 24rpx;

  .scroll-x {
    width: 100%;
    white-space: nowrap;

  view {
    display: inline-block;
    width: 320rpx;
    height: 440rpx;
    margin-right: 16rpx;

    .good-item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      text {
        &:nth-of-type(1) {
          font-weight: bold;
        }
      }
    }

    image {
      width: 100%;
      height: 320rpx;
    }

    &:last-child {
      margin-right: 0;
    }
   }
  }
}

.bg-image{
  height: 400rpx;
  // 小程序背景图不能显示本地路径
  // background-image: url(../../assets/images/t012a68a614656c6d2f.jpg);
  // 可以使用网络图片路径
  // background-image: url(http://8.131.91.46.6677/bgimage.png);
  // 也可以将图片转换成Base64格式,然后进行使用
  // background-image: url();
}
